<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GARS - Login Page</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
	body { font-size: 95%; font-family: 'Open Sans'; padding:0; margin:0; background-color:#fff;}
	h1 { padding:0; margin:0; }
	h2 { padding:0; margin:0; }
	.sign_on_btn { background-color: #CC0000; color: #fff; border: 1px solid #990000; padding: 5px; cursor:pointer!important;}
	.sign_on_btn:hover { background-color:red; }
	.txtbox { background-color:#fff; border: 1px solid #ccc; width: 200px; }<br />
	.txtbox:focus { border: 1px soild #CC0000; }
	a { color: blue; }
	#top_of_site { padding: 5px;color: #333; background-color: #333; color:#fff; border: 1px solid #000;}
	#top_of_site h1 { padding:0; margin:0; font-size: 90%; }
	#wrapper { width: 900px; margin: 0px auto 0px auto; padding: 15px; }
	#login { width: 300px; margin: 0px auto 0px auto; padding: 10px;background-color: #333; color:#fff; border: 1px solid #000; }
	
</style>
</head>

<body>
		<div id="top_of_site">
    		<h1>Graduate Application Review System (GARS) </h1>
    	</div>
	<div id="wrapper">
    
    	<div id="info_bar">
        </div>
        
        <div id="content">
        <!-- this of course will end the JSP include page for the top of website because only content will change-->
        	
        	<div id="login">
            	<h2 style="margin:0; padding:0;">Login</h2><br/>
            	<form action="homepage.html">
                	<table align="center" cellpadding="10">
                    	<tr>
                        	<td><strong>User:</strong><br/><input type="text" id="userNameID" class="txtbox"/></td>
                     	</tr>
                         <tr>
                        	<td><strong>Password:</strong><br/><input type="password" id="passwordID" class="txtbox"/></td>
                        </tr>
                         <tr>
                        	<td><input type="submit" value="Sign On" id="signOnBtn" class="sign_on_btn"/></td>
                        </tr>
                    </table>
                </form>
            </div>
            
        <!-- this will start the JSP include page for the bottom of the website because it will never change-->
        </div>
        
        <div id="footer">
			
        </div>
    </div>
</body>
</html>
